<!DOCTYPE html>
<html>
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title></title>
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1">

        <script type="text/javascript" data-main="js/main" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.8/require.min.js"></script>
        <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/css/datepicker.min.css" rel="stylesheet" media="screen">
        
    </head>
    <body>
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Brand</a>
            </div>
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <!--<li class="active"><a href="#">Link</a></li>-->
                    <!--<li><a href="#">Link</a></li>-->
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Logged In Username</a></li>
                </ul>
            </div>
        </nav>
        
        <div id="container" class="container">
            <div id="container-row" class="row">
                <div id="navbar" class="col-md-2 panel container"></div>
                <div class="col-md-10 panel container">
                    <div class="pagebar" ></div>
                    <div id="content" ></div>
                </div>
            </div>
        </div>
    </body>
</html>
